[data-theme="ynet"] {
    --p: 212 100% 51%;
    --pf: 212 100% 41%;
    --sf: 247 47% 35%;
    --af: 310 49% 42%;
    --nf: 217 92% 8%;
    --pc: 212 100% 90%;
    --sc: 247 100% 89%;
    --ac: 310 100% 90%;
    --nc: 217 100% 82%;
    --inc: 192 100% 16%;
    --suc: 182 100% 13%;
    --wac: 32 100% 17%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: .5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: .25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: .95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: .5rem;
    --s: 247 47% 43%;
    --a: 310 49% 52%;
    --n: 217 92% 10%;
    --b1: 0 0% 100%;
    --b2: 217 100% 97%;
    --b3: 219 44% 92%;
    --bc: 214 30% 32%;
    --in: 192 93% 78%;
    --su: 182 47% 66%;
    --wa: 32 62% 84%;
    --er: 0 63% 72%;
	.header-area {
		background: url(/pr/pc/theme/winter/header_bg.png) #2E52D3 no-repeat;
        background-position: top right;
        height: auto;
        flex-direction: column;
        span,cite{
            color:#fff !important;
        }
        .logo-area {
            justify-content: flex-start;
            height: 50px;
            .logo-img{
                height: 40px;
                width: auto;
            }
            .name{
                text-shadow: 1px 1px 1px rgba(0,0,0,1);
                text-indent: -9999px;
                background: url("/pr/pc/theme/ynet/name.png") no-repeat;
                background-position: center center;
                width:400px;
            }
        }
        .layui-header{
            .layui-nav {
                top: 10px;
                .layui-icon{
                    color:#fff;
                }
                .layui-nav-more{
                    border-top-color: #fff;
                }
                .layui-nav-mored{
                    border-color: transparent;
                    border-bottom-color: #fff;
                }
            }
        }
        
        .head-menu-area-bk{
            background-color: rgba(255,255,255,.2);
            .head-menu-area-main{
                position: relative;
                top:0;
                .head-menu-area{
                    height: auto;
                    ul{
                        padding:4px;
                        li{
                            padding:0 10px;
                            a{
                                color:#fff;
                                font-size: 15px;
                                padding:4px;
                                // text-shadow: 1px 1px 1px rgba(0,0,0,1);
                            }
                            &.hover{
                                background-color: hsla(var(--p));
                                // border-top:2px solid rgba(255,255,255,.4);
                                box-sizing: border-box;
                                border-radius: 4px;
                                a{
                                    // color: hsla(var(--p));
                                    // text-shadow: 1px 1px 1px rgba(255,255,255,1);
                                }
                            }
                        }
                    }
                }
            }
            
        }
	}
}
